<template>
  <div>
      <div class="title">
          <span>今日要闻</span>
          <van-divider />
      </div>
      <div class="fivep"><p>一见·十年新春访农家，总书记惦念的人和事</p></div>
      <div class="fivep"><p>中央领导同志慰问老同志 锅里的幸福</p></div>
      <div class="fivep"><p>燃！《我，就是中国》MV</p></div>
      <div class="fivep"><p>国务委员兼外长王毅视频慰问驻外使领馆同志</p></div>
      <div class="fivep"><p>北京冬奥会火炬传递将于2月2日至4日举行</p></div>
      <van-divider />
      <div class="hotspan">
          <span>热点精选</span>
      </div>
      <div class="textbox">
          <div class="texticon">
              <van-icon name="fire" color="red"  size="0.3rem"/>
              <van-icon name="photo" color="blue"  size="0.3rem" />
              <span>名单很有看头！为什么这一次，是这32位国际政要来北京？</span>
          </div>
          <div class="pic">
              <img src="../../assets/images/pic1.png" width="100%" alt="">
          </div>
          <div class="left"><span>牛弹琴</span>  <span>59分钟前</span></div>
              <div class="icon"><van-icon name="share" />分享
              <van-icon name="more" />评论</div>
      </div>
      <div class="textbox">
          <div class="texticon">
              <van-icon name="fire" color="red"  size="0.3rem"/>
              <van-icon name="photo" color="blue"  size="0.3rem" />
              <span>那些不想回家过年的人：手里没钱脸上不光彩，被催婚逼到抑郁</span>
          </div>
          <div class="pic">
              <img src="../../assets/images/pic2.png" width="100%" alt="">
          </div>
          <div class="left"><span>九派新闻</span>  <span>1小时前</span></div>
              <div class="icon"><van-icon name="share" />分享
              <van-icon name="more" />评论</div>
      </div>
      <div class="textbox">
          <div class="texticon">
              <van-icon name="fire" color="red"  size="0.3rem"/>
              <van-icon name="photo" color="blue"  size="0.3rem" />
              <span>外卖小哥的西安年事：看见街上重新开始堵车，激动的想哭</span>
          </div>
          <div class="pic">
              <img src="../../assets/images/pic3.png" width="100%" alt="">
          </div>
          <div class="left"><span>封面深镜</span>  <span>47分钟前</span></div>
              <div class="icon"><van-icon name="share" />分享
              <van-icon name="more" />评论</div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.title{
    margin-top: 0.2rem;
}
.title span{
    border-bottom: 0.1rem solid red;
    font-size: 0.3rem;
    margin-left: 0.2rem;
}
.fivep{
    min-width: 5rem;
    font-size: 0.3rem;
    line-height: 0.5rem;
    margin-left: 0.2rem;
    border-bottom: 1px solid rgb(238, 235, 235);
}
.hotspan{
    font-size: 0.3rem;
    color: skyblue;
    margin-left: 0.2rem;
}
.textbox{
    width: 100%;
    height: 2.8rem;
    background-color: rgb(253, 250, 250);
    margin-top: 0.2rem;
}
.texticon{
    margin: 0.2rem 0.2rem;
    height: 0.5rem;
    font-size: 0.25rem;
    line-height: 0.7rem;
}

.left{
    float: left;
    font-size: 0.22rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-left: 0.2rem;
}
.icon{
    float: right;
    font-size: 0.22rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-right: 0.2rem;
}
</style>